<template>
	<view class="container">
		<view class="block">
		  <image src="/static/images/new/01.jpg"></image>
		  <view class="title">全棉加厚斜纹磨毛纯棉四件套</view>
		  <view class="bottom">
		      <view class="bottom_left">全棉磨毛 温暖舒适 多花色可选</view>
		      <view class="bottom_right">立即咨询</view>
		  </view>
		</view>
		<view class="block">
		  <image src="/static/images/new/02.jpg"></image>
		  <view class="title">全棉四件套枕套床单被套</view>
		  <view class="bottom">
		      <view class="bottom_left">纯棉四件套 柔软 亲肤 舒适</view>
		      <view class="bottom_right">立即咨询</view>
		  </view>
		</view>
		<view class="block blockend">
		  <image src="/static/images/new/03.jpg"></image>
		  <view class="title">全棉加厚四件套</view>
		  <view class="bottom">
		      <view class="bottom_left">100%棉 加厚保暖</view>
		      <view class="bottom_right">立即咨询</view>
		  </view>
		</view>
		<guakao></guakao>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	/* pages/new/new.wxss */
	.block{
	  background: #fff;
	  margin-bottom: 20px;
	}
	.block image{
	  width: 100%;
	
	}
	.block .title{
	  margin-bottom: 20px;
	  padding: 0 1%;
	  overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	}
	.block .bottom{
	  display: flex;
	  justify-content: space-between;
	  color: #666;
	  align-items: flex-end;
	  font-size: 13px;
	  padding: 0 1%;
	}
	.block .bottom>.bottom_right{
	  color:#fff;
	  background: orange;
	  height: 30px;
	  border-radius: 30px;
	  line-height: 30px;
	  text-align: center;
	  font-size: 12px;
	  width: 20%;
	}
	.blockend{
	  padding-bottom: 150px;
	}
</style>
